let lazyTMapApiLoaderInstance = null;
/**
 * 修改下列ak即可使用自己的授权码
 * 腾讯地图组件初始化, 要用到天气和地图控件必须引入当前js,
 * 通过lazyTMapApiLoaderInstance.then()能在地图载入完成时触发事件
 */
export function initTMap() {
  loadTMapScript({
    // 开发者申请的腾讯地图key
    ak: "",
    // 需要用到的插件
    libraries: ['service']
  })
}

/**
 * 载入腾讯地图js文件
 * @param config
 */
function loadTMapScript(config) {
  let concatStr = '';
  for (let lib of config.libraries) {
    concatStr += lib + ',';
  }
  // 引入腾讯地图js，当引入完成时会调用window.customVueTMap.loadCallBack方法
  const TMap_URL = "https://map.qq.com/api/gljs?v=1.exp&libraries=" + concatStr.substring(0, concatStr.length - 1) + "&key=" + config.ak + "&callback=customVueTMap.loadCallBack";
  // 插入script脚本
  let scriptNode = document.createElement("script");
  scriptNode.setAttribute("src", TMap_URL);
  document.body.appendChild(scriptNode);
}

/**
 * 懒加载腾讯地图方法
 * @returns {Promise<unknown>}
 */
lazyTMapApiLoaderInstance = new Promise((resolve, reject) => {
  initTMap();
  // 地图异步加载完成回调处理
  window.customVueTMap = {
    loadCallBack() {
      resolve();
    }
  }
})
export {lazyTMapApiLoaderInstance};
